<template>
  <router-view />
</template>

<script setup>
import { onErrorCaptured } from 'vue';

// 捕获组件错误，防止错误影响UI显示
onErrorCaptured((err, instance, info) => {
  console.error('组件错误:', err, info);
  // 返回false阻止错误向上传播
  return false;
});
</script>

<style>
html, body {
  margin: 0;
  padding: 0;
  height: 100%;
  font-family: Arial, sans-serif;
}

#app {
  height: 100%;
  overflow: auto;
}

/* 卡片样式 */
.app-card {
  margin-bottom: 20px;
  border-radius: 4px;
}

/* 表格头部样式 */
.table-header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 15px;
}

/* 表格分页样式 */
.table-pagination {
  margin-top: 15px;
  text-align: right;
}

/* 卡片头部样式 */
.el-card__header {
  background-color: #f5f7fa;
  border-bottom: 1px solid #e4e7ed;
  padding: 12px 20px;
}

/* 表格头部样式 */
.el-table th {
  background-color: #f5f7fa !important;
}

/* 分页组件样式 */
.el-pagination {
  padding: 0;
  margin: 20px 0 0 0;
}

/* 隐藏404错误通知 */
.el-message--error:has(.el-message__content:contains('请求的资源不存在')) {
  display: none !important;
}

/* 修复ResizeObserver警告 */
body {
  overflow-y: auto;
  overflow-x: hidden; /* 防止水平滚动条 */
}

/* 防止双滚动条问题 */
html {
  overflow-y: auto;
  overflow-x: hidden;
}
</style>
